<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../../../../public/static/js/jquery-3.2.1.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
	</head>
	<body>
		<div id="app">
			
			<a href="log" target="_self"><h1>asdasda</h1></a>
			<table border="" cellspacing="" cellpadding="">
				<tr>
					<th>{$list}</th>
					<th>course</th>
					<th>age</th>
					<th>num</th>
					<th>address</th>
					<th>createtime</th>
					<th>updatetime</th>
					<th>province</th>
					<th>city</th>
					<th>area</th>
				</tr>
				<!-- volist 循环渲染 类似于foreach -->
				<!-- veiw  wx.for="list" key="name"  -->
				{volist name="user" id="vo" empty="暂时没有数据"  length="10"}
					<tr>
						<th>{$vo.id}</th>
						<th>{$vo.course}</th>
						<th>{$vo.age}</th>
						<th>{$vo.num}</th>
						<th>{$vo.address}</th>
						<th>{$vo.createtime}</th>
						<th>{$vo.updatetime}</th>
						<th>{$vo.province}</th>
						<th>{$vo.city}</th>
						<th>{$vo.area}</th>
					</tr>
				{/volist}
				
				{volist name="user" id="vo" empty="暂时没有数据"  offset="10" length="10"}
					<tr>
						<th>{$vo.id}</th>
						<th>{$vo.course}</th>
						<th>{$vo.age}</th>
						<th>{$vo.num}</th>
						<th>{$vo.address}</th>
						<th>{$vo.createtime}</th>
						<th>{$vo.updatetime}</th>
						<th>{$vo.province}</th>
						<th>{$vo.city}</th>
						<th>{$vo.area}</th>
					</tr>
				{/volist}
				
				
				
				
			</table>
		</div>
		
		<script type="text/javascript">
			var page = 1;
		
		  var vm = new Vue({
		    el: '#app',
		    data: {
		      message: 'Vue的生命周期',
		      page:page
		    },
		    mounted: function() {
		      $.get({url:'index.php',page:$apge,function(data){
		      		
		      	}
		      })
		    },
		    
		  })
		</script>
		
	</body>
</html>
